/**用户领取红包*/

.user-red{
	background:url(../../img/user/regi.png) no-repeat;
	background-size:100% 100%;
	position:fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.user-red img{
	width:80%;
	margin-top:	48%;
}
.user-red .mui-row{
	margin:0 auto;
	border:1px solid #a3a3a3;
	border-radius:.5rem;
	height:2.5rem;
}
.user-red .mui-row .mui-col-xs-2{
	border-left:1px solid #a3a3a3;
}

.user-red .btn{
	box-shadow:.1rem -0.1rem 0.2rem #a3a3a3;
	border-radius:0;
	letter-spacing: .1rem;
	height:2.4rem;
}

.user-red .veri{
	margin:0 auto;
	margin-top:.6rem;
	border-radius:.5rem;
}

/**个人中心*/
.per-icon{
	width: 1.84rem;
	height: 1.84rem;
}
/**30元现金用户注册**/
 .regi30.mess{
	background:url(../../img/user/regi3.png) no-repeat left top;
	background-size:100% 100%;
}
.regi30 .phone{
	border:1px solid #898989;
	border-radius:5px;
	line-height:29px;
	margin:0 auto;
	margin-bottom:.7rem;
	
}
.regi30 .phone .mui-col-xs-3{
	border-left:1px solid #898989;
}
.regi30 .phone button{
	background:transparent;
	color:#c6c6c6;
}

.regi30 #valid{
	border:1px solid #898989;
	border-radius:5px;
}
.regi30 input{
	background:transparent;
}

/*用户个人中心**/
.user-head{
	width:100%;
	background:#bfbfc1;
}
.user-head:before{
	display: table;
	content:'';
}



.mui-col-xs-6 img.pSR{
	top:-3px;
}


/*orderlist**、/
 */
.nav-ul i{
	position:absolute;
	bottom:2px;
	left:0;
	right:0;
	margin:0 auto;
	display:inline-block;
	width:8px;
	height:8px;
	border:6px solid transparent;
	border-bottom-color:#27292B;
}
.nav-ul{
	height:3.7rem;
}
.nav-ul li{
	float:left;
}
.nav-ul li h2{
	line-height: 3.7rem;
}
.product-mess .mui-col-xs-9{
/*	height:87px;*/
}


.list-detail .mui-col-xs-9 .title{
	height:3.84rem;
}
.product-img{
	width:5.42rem;
	height:5.42rem;
}

/***个人中心设置*/
.upload-img,.upload-shop-img{
	display:none;
}


/**设置支付密码**/
.setPay .title{
	padding-left:22px;
	background:url(../../img/icon/must-fill.png) no-repeat left center;
	background-size:.75rem .75rem;
}

/*地址管理**/
.addAddr-btn{
	position:fixed;
	bottom:56px;
	width:100%;
}
.addAddr-btn button{
	border:none;
	border-top: 1px solid #d9d9d9;
}
.addAddr-btn img{
	top:1px;
}

.addAddr-img{
	width:1.5rem;
	height:1.5rem;
}
/**设置地址*/
.setPer .mui-col-xs-6 img.pSR{
	top:3px;
}

.right-aver{
	position: absolute;
	top:35px;
	right:0;
}

/**首席特权**/
div.rule{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
}
.invite{
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
}

div.rule button{
	position:absolute;
	bottom:70px;
	left:0;
	height:80px;
	opacity: 0;
	z-index:200;
}

.sxRight-mess{
	background:url(../../img/user/te2.png) no-repeat left top;
	background-size:100% 100%;
}

.inner{
	margin:0 auto;	
}
.sxRight-mess input{
	background:transparent;
}
.sxRight-mess .inner .mui-col-xs-4{
	border-left: 1px solid #a3a3a3;
}


/*代金劵页面**/
.vouchers-nav,.nav-ul,.bill-nav{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	z-index:200;
}
.vouchers-nav i,.nav-ul i,.bill-nav i{
	position:absolute;
	bottom:2px;
	left:0;
	right:0;
	margin:0 auto;
	display:inline-block;
	width:.67rem;
	height:.67rem;
	border:.5rem solid transparent;
	border-bottom-color:#27292B;
	display:none;	
	
}
.vouchers-nav li{
	float:left;
	width:33.3%;
}
.vouchers-img{
	width:1rem;
	height:1rem;
}

li h2{
	color:#898989;
}

.list{
	width:93%;
	background:url(../../img/user/vouchers.png) no-repeat left top;
	background-size:100% 100%;
	margin:0 auto;
	margin-bottom:1rem;
}
.list .quota p{
	line-height: 7.59rem;
}
.list .line:last{
	display:none;
}

/**支付成功领取红包**/
.paySccu-red{
	
	width:66%;
	background-size:100% auto;
	position:absolute;
	top:20%;
	left: 17%;
	z-index:18;

}
.paySccu-red .close{
	position:absolute;
	width:3rem;
	height:3rem;
	top:-5%;
	right:-5%;
	background:#F84034;
	border-radius:50%;
	font-size:24px;
	transform: rotate(45deg);
	text-align:center;
	color:#fff;
}
.paySccu-red img{
	width: 100%;	
}
.paySccu-red .toshare{
	position: absolute;
	background:#ac211e;
	width:84%;
	left: 8%;
	bottom: 13%;
	margin:0 auto;
	color:#fff000;
	z-index:100;
}

/**拆红包输入手机号*/
.payScuu-red3{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.chai1-tel button{
	background:#ac211e;
	color:#fff000;
	border:none;
	border-radius:20px;
}
.chai1-tel .get-time{
	margin-top:207px;
}

.payScuu-red3{
	background:url(../../img/user/red3.png) no-repeat top left;	
	background-size:100% 100%;
}

.payScuu-red3 .get-vouchers{
	height:78px;
}
.payScuu-red3 button{
	background:#ac211e;
	border:none;
	border-radius:20px;
	margin-top:41px;
	margin-bottom:74px;
}
.payScuu-red3 .get-prompt{
	margin-top:5rem;
}
.payScuu-red3 .vouchers-list{
	margin-left:10%;
	background:url(../../img/user/vouchers.png) no-repeat top center;	
	background-size:100% 100%;
}

/**绑定账户*/
#sele .choice-way img{
	position:absolute;
	width:1.34rem;
	height:.75rem;
	right:8px;
	top:11px;
}
.pay-way option{
	font-size: 1.5rem;
}
.add-Account .edit button{
	background:transparent;
	border:1px solid #27292B;
	color:#27292B;
	width:5.67rem;
	height:2.75rem;
	line-height:2.75rem;
}

/*地址管理*/
.mui-btn{
	padding:.5rem 1.7rem;
}
.mui-poppicker-btn-cancel{
	border: 1px solid #000;
    background-color: #fff;
}
.mui-btn-blue{
	border: 1px solid #000;
    background-color: #000;
    color:#fff;

}

.mui-picker{
	background:#000!important;	
}
.mui-pciker-list li{
	color:#888!important;
}
.mui-pciker-list li.highlight{
	color:#fff!important;
}

/**修改手机号*/
.modify-alert{
	background:url('../../img/icon/alert.png') no-repeat left center;
	background-size:1.34rem 1.34rem;
}
.lose-alert{
	background:url('../../img/icon/must-fill.png') no-repeat left .5rem;
	background-size:.75rem .75rem;
}

.account-detailImg{
	width:5.42rem;
	height:5.42rem;
}
.addr-icon{
	width:1rem;
	height:1.34rem;
}
.account-help{
	width:1rem;
	height:1.09rem;
}
.save{
	cursor:pointer;
}

.list .quota p:after{
	content: ".00";
	font-size: 15px;
}
#red{
	position:absolute;
	top:15.4rem;
	right:0;
	width:60%;
	z-index:200;
}
#red img{
	width:100%;
}
#red button{
	position:absolute;
	height:2rem;
	width:2rem;
	top:23%;
	right:26%;
	border-radius:50%;
	background:#FF2114;
	transform: rotate(45deg);
	color:#fff;
	border:none;
	font-size:18px;
	line-height:2rem;
	text-align:center;
}
#getRedbag{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	z-index:100;
	background:rgba(08,08,08,0.6);
	height:100%;
	text-align:center;
}
#getRedbag .bag-content{
	width:100%;
	margin-top:14rem;
	position:relative;
}
#getRedbag  p.price{
	position:relative;
	top:4rem;
	color:#FEE119;
	z-index:300;
}
#getRedbag .close{
	position:absolute;
	top:10%;
	right:5%;
	z-index:300;
	width:10%;
}
.bag-content .bag{
	width:84%;
}
.bag-content .text{
	position:absolute;
	top:46%;
	left:0;
	right:0;
	margin:0 auto;
}
.bag-content .text p,.bag-content .text span{
	color:#FEE119;
	text-align:center;
}
.btn.btn-red{
	padding:5px 10px;
	background:#f2f2f2;
	color:#898989;
	font-size:15px;
	border:none;
	border-radius:5px;
}
.animate-left{
	position:absolute;
	left:0;
	top:15.4rem;
	width:40%;
}
.animate-right{
	position:absolute;
	right:0;
	top:15.4rem;
	width:40%;
}
.moveL{
	animation-name : wobbleL;
	animation-duration : 2s;
	animation-timing-function:ease-in-out;
	animation-delay:0s;
	animation-iteration-count :1;
	animation-direction:alternate;
}
.moveR{
	animation-name : wobbleR;
	animation-duration : 2s;
	animation-timing-function:ease-in-out;
	animation-delay:0s;
	animation-iteration-count :1;
	animation-direction:alternate;
}
.mrotate{
	animation-name : moveR;
	animation-duration : 1s;
	animation-timing-function:ease-in-out;
	animation-delay:0s;
	animation-iteration-count :1;
	animation-direction:alternate;
}
@-webkit-keyframes 'moveR'{
	0%{	
		transform: rotateY(80deg);
	}
	30%{
		transform: rotateY(120deg);
	}
	40%{
		transform: rotateY(180deg);
	}
	100%{
		transform: rotateY(360deg);
	}
	
}
@-webkit-keyframes 'wobbleL'{
	0%{
		top:10rem;
		left:2rem;
		transform: rotate(0,80deg);
	}
	30%{
		top:13rem;
		left:0.5rem;
		transform: rotate(0,120deg);
	}
	40%{
		top:15rem;
		left:-1rem;
		transform: rotate(0,180deg);
	}
	100%{
		top:18rem;
		left:-1.5rem;
		transform: rotate(0,360deg);
	}
	
}
@-webkit-keyframes 'wobbleR'{
	0%{
		top:10rem;
		right:2rem;
		transform: rotate(0,80deg);
	}
	30%{
		top:13rem;
		right:0.5rem;
		transform: rotate(0,120deg);
	}
	40%{
		top:15rem;
		right:-1rem;
			transform: rotate(0,180deg);
	}
	100%{
		top:18rem;
		right:-1.5rem;
		transform: rotate(0,360deg);
	}
	
}